<template>
  <div class="base">
    <el-container>
      <el-aside>
        <div style="height:180px;background-color:rgba(207, 212, 207, 0.5);margin-bottom: 50px;"></div>
        <router-link to="/analysis/clue"><el-button style="width:260px;" type="primary" plain>线索数据分析</el-button></router-link>
        <router-link to="/analysis/oppotunity"><el-button style="width:260px;" type="primary" plain>商机数据分析</el-button></router-link>
        <router-link to="/analysis/project"><el-button style="width:260px;" type="primary" plain>项目数据分析</el-button></router-link>
        <router-link to="/analysis/contract"><el-button style="width:260px;" type="primary" plain>合同数据分析</el-button></router-link>
        <router-link to="/analysis/customer"><el-button style="width:260px;" type="primary" plain>客户数据分析</el-button></router-link>
      </el-aside>
      <router-view style="margin-left: 100px;"></router-view>
    </el-container>
  </div>
</template>

<script>
export default {
  name: 'anabase',
  data () {
    return {};
  }
};
</script>

<style scoped>
.el-aside {
  text-align: center;
  margin-right: 10px;
  height: 500px;
}
.el-button {
  margin: 15px;
}
.base {
  width: 100%;
  background: #aaaaaa;
}
</style>
